<svg
	aria-roledescription="flowchart-v2"
	role="graphics-document document"
	viewBox="-8 -8 748.1953125 639"
	style="max-width: 748.1953125px;"
	xmlns:xlink="http://www.w3.org/1999/xlink"
	xmlns="http://www.w3.org/2000/svg"
	width="100%"
	id="mermaid-3"
	{...$$props}
	><style>
		#mermaid-3 {
			font-family: 'trebuchet ms', verdana, arial, sans-serif;
			font-size: 16px;
			fill: #333;
		}
		#mermaid-3 .error-icon {
			fill: #552222;
		}
		#mermaid-3 .error-text {
			fill: #552222;
			stroke: #552222;
		}
		#mermaid-3 .edge-thickness-normal {
			stroke-width: 2px;
		}
		#mermaid-3 .edge-thickness-thick {
			stroke-width: 3.5px;
		}
		#mermaid-3 .edge-pattern-solid {
			stroke-dasharray: 0;
		}
		#mermaid-3 .edge-pattern-dashed {
			stroke-dasharray: 3;
		}
		#mermaid-3 .edge-pattern-dotted {
			stroke-dasharray: 2;
		}
		#mermaid-3 .marker {
			fill: #333333;
			stroke: #333333;
		}
		#mermaid-3 .marker.cross {
			stroke: #333333;
		}
		#mermaid-3 svg {
			font-family: 'trebuchet ms', verdana, arial, sans-serif;
			font-size: 16px;
		}
		#mermaid-3 .label {
			font-family: 'trebuchet ms', verdana, arial, sans-serif;
			color: #333;
		}
		#mermaid-3 .cluster-label text {
			fill: #333;
		}
		#mermaid-3 .cluster-label span,
		#mermaid-3 p {
			color: #333;
		}
		#mermaid-3 .label text,
		#mermaid-3 span,
		#mermaid-3 p {
			fill: #333;
			color: #333;
		}
		#mermaid-3 .node rect,
		#mermaid-3 .node circle,
		#mermaid-3 .node ellipse,
		#mermaid-3 .node polygon,
		#mermaid-3 .node path {
			fill: #ececff;
			stroke: #9370db;
			stroke-width: 1px;
		}
		#mermaid-3 .flowchart-label text {
			text-anchor: middle;
		}
		#mermaid-3 .node .label {
			text-align: center;
		}
		#mermaid-3 .node.clickable {
			cursor: pointer;
		}
		#mermaid-3 .arrowheadPath {
			fill: #333333;
		}
		#mermaid-3 .edgePath .path {
			stroke: #333333;
			stroke-width: 2px;
		}
		#mermaid-3 .flowchart-link {
			stroke: #333333;
			fill: none;
		}
		#mermaid-3 .edgeLabel {
			background-color: #e8e8e8;
			text-align: center;
		}
		#mermaid-3 .edgeLabel rect {
			opacity: 0.5;
			background-color: #e8e8e8;
			fill: #e8e8e8;
		}
		#mermaid-3 .cluster rect {
			fill: #ffffde;
			stroke: #aaaa33;
			stroke-width: 1px;
		}
		#mermaid-3 .cluster text {
			fill: #333;
		}
		#mermaid-3 .cluster span,
		#mermaid-3 p {
			color: #333;
		}
		#mermaid-3 div.mermaidTooltip {
			position: absolute;
			text-align: center;
			max-width: 200px;
			padding: 2px;
			font-family: 'trebuchet ms', verdana, arial, sans-serif;
			font-size: 12px;
			background: hsl(80, 100%, 96.2745098039%);
			border: 1px solid #aaaa33;
			border-radius: 2px;
			pointer-events: none;
			z-index: 100;
		}
		#mermaid-3 .flowchartTitleText {
			text-anchor: middle;
			font-size: 18px;
			fill: #333;
		}
		#mermaid-3 :root {
			--mermaid-font-family: 'trebuchet ms', verdana, arial, sans-serif;
		}
	</style><g
		><marker
			orient="auto"
			markerHeight="12"
			markerWidth="12"
			markerUnits="userSpaceOnUse"
			refY="5"
			refX="10"
			viewBox="0 0 12 20"
			class="marker flowchart"
			id="flowchart-pointEnd"
			><path
				style="stroke-width: 1; stroke-dasharray: 1, 0;"
				class="arrowMarkerPath"
				d="M 0 0 L 10 5 L 0 10 z"
			/></marker
		><marker
			orient="auto"
			markerHeight="12"
			markerWidth="12"
			markerUnits="userSpaceOnUse"
			refY="5"
			refX="0"
			viewBox="0 0 10 10"
			class="marker flowchart"
			id="flowchart-pointStart"
			><path
				style="stroke-width: 1; stroke-dasharray: 1, 0;"
				class="arrowMarkerPath"
				d="M 0 5 L 10 10 L 10 0 z"
			/></marker
		><marker
			orient="auto"
			markerHeight="11"
			markerWidth="11"
			markerUnits="userSpaceOnUse"
			refY="5"
			refX="11"
			viewBox="0 0 10 10"
			class="marker flowchart"
			id="flowchart-circleEnd"
			><circle
				style="stroke-width: 1; stroke-dasharray: 1, 0;"
				class="arrowMarkerPath"
				r="5"
				cy="5"
				cx="5"
			/></marker
		><marker
			orient="auto"
			markerHeight="11"
			markerWidth="11"
			markerUnits="userSpaceOnUse"
			refY="5"
			refX="-1"
			viewBox="0 0 10 10"
			class="marker flowchart"
			id="flowchart-circleStart"
			><circle
				style="stroke-width: 1; stroke-dasharray: 1, 0;"
				class="arrowMarkerPath"
				r="5"
				cy="5"
				cx="5"
			/></marker
		><marker
			orient="auto"
			markerHeight="11"
			markerWidth="11"
			markerUnits="userSpaceOnUse"
			refY="5.2"
			refX="12"
			viewBox="0 0 11 11"
			class="marker cross flowchart"
			id="flowchart-crossEnd"
			><path
				style="stroke-width: 2; stroke-dasharray: 1, 0;"
				class="arrowMarkerPath"
				d="M 1,1 l 9,9 M 10,1 l -9,9"
			/></marker
		><marker
			orient="auto"
			markerHeight="11"
			markerWidth="11"
			markerUnits="userSpaceOnUse"
			refY="5.2"
			refX="-1"
			viewBox="0 0 11 11"
			class="marker cross flowchart"
			id="flowchart-crossStart"
			><path
				style="stroke-width: 2; stroke-dasharray: 1, 0;"
				class="arrowMarkerPath"
				d="M 1,1 l 9,9 M 10,1 l -9,9"
			/></marker
		><g class="root"
			><g class="clusters"
				><g id="subGraph0" class="cluster default flowchart-label"
					><rect height="267" width="172.0859375" y="113" x="259.640625" ry="0" rx="0" style="" /><g
						transform="translate(345.68359375, 113)"
						class="cluster-label"
						><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="nodeLabel" />
							</div></foreignObject
						></g
					></g
				></g
			><g class="edgePaths"
				><path
					marker-end="url(#flowchart-pointEnd)"
					style="fill:none;"
					class="edge-thickness-normal edge-pattern-solid flowchart-link LS-artifactData LE-artifact_hash"
					id="L-artifactData-artifact_hash-0"
					d="M345.684,177L345.684,181.167C345.684,185.333,345.684,193.667,345.684,202C345.684,210.333,345.684,218.667,345.684,222.833L345.684,227"
				/><path
					marker-end="url(#flowchart-pointEnd)"
					style="fill:none;"
					class="edge-thickness-normal edge-pattern-solid flowchart-link LS-artifact_hash LE-artifact_e"
					id="L-artifact_hash-artifact_e-0"
					d="M345.684,266L345.684,270.167C345.684,274.333,345.684,282.667,345.684,291C345.684,299.333,345.684,307.667,345.684,311.833L345.684,316"
				/><path
					marker-end="url(#flowchart-pointEnd)"
					style="fill:none;"
					class="edge-thickness-normal edge-pattern-solid flowchart-link LS-t_before_g LE-artifactData"
					id="L-t_before_g-artifactData-0"
					d="M345.684,39L345.684,45.167C345.684,51.333,345.684,63.667,345.684,76C345.684,88.333,345.684,100.667,345.684,111C345.684,121.333,345.684,129.667,345.684,133.833L345.684,138"
				/><path
					marker-end="url(#flowchart-pointEnd)"
					style="fill:none;"
					class="edge-thickness-normal edge-pattern-solid flowchart-link LS-artifact_e LE-sq"
					id="L-artifact_e-sq-0"
					d="M345.684,355L345.684,359.167C345.684,363.333,345.684,371.667,345.684,380C345.684,388.333,345.684,396.667,345.684,405C345.684,413.333,345.684,421.667,345.684,425.833L345.684,430"
				/><path
					marker-end="url(#flowchart-pointEnd)"
					style="fill:none;"
					class="edge-thickness-normal edge-pattern-solid flowchart-link LS-sq LE-generate"
					id="L-sq-generate-0"
					d="M338.184,438.296L288.396,443.58C238.609,448.864,139.035,459.432,89.248,468.883C39.461,478.333,39.461,486.667,39.461,490.833L39.461,495"
				/><path
					marker-end="url(#flowchart-pointEnd)"
					style="fill:none;"
					class="edge-thickness-normal edge-pattern-solid flowchart-link LS-sq LE-includeRuntime"
					id="L-sq-includeRuntime-0"
					d="M338.184,439.088L313.855,444.24C289.526,449.392,240.868,459.696,216.54,469.015C192.211,478.333,192.211,486.667,192.211,490.833L192.211,495"
				/><path
					marker-end="url(#flowchart-pointEnd)"
					style="fill:none;"
					class="edge-thickness-normal edge-pattern-solid flowchart-link LS-sq LE-indexFile"
					id="L-sq-indexFile-0"
					d="M345.684,445L345.684,449.167C345.684,453.333,345.684,461.667,345.684,470C345.684,478.333,345.684,486.667,345.684,490.833L345.684,495"
				/><path
					marker-end="url(#flowchart-pointEnd)"
					style="fill:none;"
					class="edge-thickness-normal edge-pattern-solid flowchart-link LS-sq LE-graphqlTagReturn"
					id="L-sq-graphqlTagReturn-0"
					d="M353.184,439.021L378.641,444.184C404.098,449.347,455.012,459.674,480.469,469.004C505.926,478.333,505.926,486.667,505.926,490.833L505.926,495"
				/><path
					marker-end="url(#flowchart-pointEnd)"
					style="fill:none;"
					class="edge-thickness-normal edge-pattern-solid flowchart-link LS-sq LE-clientPlugins"
					id="L-sq-clientPlugins-0"
					d="M353.184,438.231L407.501,443.526C461.819,448.821,570.454,459.41,624.772,468.872C679.09,478.333,679.09,486.667,679.09,490.833L679.09,495"
				/><path
					marker-end="url(#flowchart-pointEnd)"
					style="fill:none;"
					class="edge-thickness-normal edge-pattern-solid flowchart-link LS-includeRuntime LE-transformRuntime"
					id="L-includeRuntime-transformRuntime-0"
					d="M192.211,534L192.211,538.167C192.211,542.333,192.211,550.667,192.211,559C192.211,567.333,192.211,575.667,192.211,579.833L192.211,584"
				/></g
			><g class="edgeLabels"
				><g class="edgeLabel"
					><g transform="translate(0, 0)" class="label"
						><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="edgeLabel" />
							</div></foreignObject
						></g
					></g
				><g class="edgeLabel"
					><g transform="translate(0, 0)" class="label"
						><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="edgeLabel" />
							</div></foreignObject
						></g
					></g
				><g transform="translate(345.68359375, 76)" class="edgeLabel"
					><g transform="translate(-71.75, -12)" class="label"
						><foreignObject height="24" width="143.5"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="edgeLabel">For every document</span>
							</div></foreignObject
						></g
					></g
				><g class="edgeLabel"
					><g transform="translate(0, 0)" class="label"
						><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="edgeLabel" />
							</div></foreignObject
						></g
					></g
				><g class="edgeLabel"
					><g transform="translate(0, 0)" class="label"
						><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="edgeLabel" />
							</div></foreignObject
						></g
					></g
				><g class="edgeLabel"
					><g transform="translate(0, 0)" class="label"
						><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="edgeLabel" />
							</div></foreignObject
						></g
					></g
				><g class="edgeLabel"
					><g transform="translate(0, 0)" class="label"
						><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="edgeLabel" />
							</div></foreignObject
						></g
					></g
				><g class="edgeLabel"
					><g transform="translate(0, 0)" class="label"
						><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="edgeLabel" />
							</div></foreignObject
						></g
					></g
				><g class="edgeLabel"
					><g transform="translate(0, 0)" class="label"
						><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="edgeLabel" />
							</div></foreignObject
						></g
					></g
				><g class="edgeLabel"
					><g transform="translate(0, 0)" class="label"
						><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="edgeLabel" />
							</div></foreignObject
						></g
					></g
				></g
			><g class="nodes"
				><a transform="translate(345.68359375, 246.5)" xlink:href="#hash"
					><g
						title="hash hook"
						id="flowchart-artifact_hash-128"
						class="node default clickable flowchart-label"
						><rect
							height="39"
							width="47.3671875"
							y="-19.5"
							x="-23.68359375"
							ry="0"
							rx="0"
							style=""
							class="basic label-container"
						/><g transform="translate(-16.18359375, -12)" style="" class="label"
							><rect /><foreignObject height="24" width="32.3671875"
								><div
									style="display: inline-block; white-space: nowrap;"
									xmlns="http://www.w3.org/1999/xhtml"
								>
									<span class="nodeLabel">hash</span>
								</div></foreignObject
							></g
						></g
					></a
				><a transform="translate(345.68359375, 157.5)" xlink:href="#artifactdata"
					><g
						title="artifactData hook"
						id="flowchart-artifactData-127"
						class="node default clickable flowchart-label"
						><rect
							height="39"
							width="102.0859375"
							y="-19.5"
							x="-51.04296875"
							ry="0"
							rx="0"
							style=""
							class="basic label-container"
						/><g transform="translate(-43.54296875, -12)" style="" class="label"
							><rect /><foreignObject height="24" width="87.0859375"
								><div
									style="display: inline-block; white-space: nowrap;"
									xmlns="http://www.w3.org/1999/xhtml"
								>
									<span class="nodeLabel">artifactData</span>
								</div></foreignObject
							></g
						></g
					></a
				><a transform="translate(345.68359375, 335.5)" xlink:href="#artifactend"
					><g
						title="artifactEnd hook"
						id="flowchart-artifact_e-130"
						class="node default clickable flowchart-label"
						><rect
							height="39"
							width="95.34375"
							y="-19.5"
							x="-47.671875"
							ry="0"
							rx="0"
							style=""
							class="basic label-container"
						/><g transform="translate(-40.171875, -12)" style="" class="label"
							><rect /><foreignObject height="24" width="80.34375"
								><div
									style="display: inline-block; white-space: nowrap;"
									xmlns="http://www.w3.org/1999/xhtml"
								>
									<span class="nodeLabel">artifactEnd</span>
								</div></foreignObject
							></g
						></g
					></a
				><a transform="translate(345.68359375, 19.5)" xlink:href="#beforegenerate"
					><g
						title="beforeGenerate hook"
						id="flowchart-t_before_g-132"
						class="node default clickable flowchart-label"
						><rect
							height="39"
							width="128.796875"
							y="-19.5"
							x="-64.3984375"
							ry="0"
							rx="0"
							style=""
							class="basic label-container"
						/><g transform="translate(-56.8984375, -12)" style="" class="label"
							><rect /><foreignObject height="24" width="113.796875"
								><div
									style="display: inline-block; white-space: nowrap;"
									xmlns="http://www.w3.org/1999/xhtml"
								>
									<span class="nodeLabel">beforeGenerate</span>
								</div></foreignObject
							></g
						></g
					></a
				><g
					transform="translate(345.68359375, 437.5)"
					id="flowchart-sq-133"
					class="node default default flowchart-label"
					><rect
						height="15"
						width="15"
						y="-7.5"
						x="-7.5"
						ry="0"
						rx="0"
						style=""
						class="basic label-container"
					/><g transform="translate(0, 0)" style="" class="label"
						><rect /><foreignObject height="0" width="0"
							><div
								style="display: inline-block; white-space: nowrap;"
								xmlns="http://www.w3.org/1999/xhtml"
							>
								<span class="nodeLabel" />
							</div></foreignObject
						></g
					></g
				><a transform="translate(39.4609375, 514.5)" xlink:href="#generate"
					><g
						title="generate hook"
						id="flowchart-generate-134"
						class="node default clickable flowchart-label"
						><rect
							height="39"
							width="78.921875"
							y="-19.5"
							x="-39.4609375"
							ry="0"
							rx="0"
							style=""
							class="basic label-container"
						/><g transform="translate(-31.9609375, -12)" style="" class="label"
							><rect /><foreignObject height="24" width="63.921875"
								><div
									style="display: inline-block; white-space: nowrap;"
									xmlns="http://www.w3.org/1999/xhtml"
								>
									<span class="nodeLabel">generate</span>
								</div></foreignObject
							></g
						></g
					></a
				><a transform="translate(192.2109375, 514.5)" xlink:href="#includeruntime"
					><g
						title="includeRuntime hook"
						id="flowchart-includeRuntime-135"
						class="node default clickable flowchart-label"
						><rect
							height="39"
							width="126.578125"
							y="-19.5"
							x="-63.2890625"
							ry="0"
							rx="0"
							style=""
							class="basic label-container"
						/><g transform="translate(-55.7890625, -12)" style="" class="label"
							><rect /><foreignObject height="24" width="111.578125"
								><div
									style="display: inline-block; white-space: nowrap;"
									xmlns="http://www.w3.org/1999/xhtml"
								>
									<span class="nodeLabel">includeRuntime</span>
								</div></foreignObject
							></g
						></g
					></a
				><a transform="translate(192.2109375, 603.5)" xlink:href="#transformruntime"
					><g
						title="transformRuntime hook"
						id="flowchart-transformRuntime-136"
						class="node default clickable flowchart-label"
						><rect
							height="39"
							width="144.4375"
							y="-19.5"
							x="-72.21875"
							ry="0"
							rx="0"
							style=""
							class="basic label-container"
						/><g transform="translate(-64.71875, -12)" style="" class="label"
							><rect /><foreignObject height="24" width="129.4375"
								><div
									style="display: inline-block; white-space: nowrap;"
									xmlns="http://www.w3.org/1999/xhtml"
								>
									<span class="nodeLabel">transformRuntime</span>
								</div></foreignObject
							></g
						></g
					></a
				><a transform="translate(345.68359375, 514.5)" xlink:href="#indexFile"
					><g
						title="indexfile hook"
						id="flowchart-indexFile-137"
						class="node default clickable flowchart-label"
						><rect
							height="39"
							width="80.3671875"
							y="-19.5"
							x="-40.18359375"
							ry="0"
							rx="0"
							style=""
							class="basic label-container"
						/><g transform="translate(-32.68359375, -12)" style="" class="label"
							><rect /><foreignObject height="24" width="65.3671875"
								><div
									style="display: inline-block; white-space: nowrap;"
									xmlns="http://www.w3.org/1999/xhtml"
								>
									<span class="nodeLabel">indexFile</span>
								</div></foreignObject
							></g
						></g
					></a
				><a transform="translate(505.92578125, 514.5)" xlink:href="#graphqltagreturn"
					><g
						title="graphqlTagReturn hook"
						id="flowchart-graphqlTagReturn-138"
						class="node default clickable flowchart-label"
						><rect
							height="39"
							width="140.1171875"
							y="-19.5"
							x="-70.05859375"
							ry="0"
							rx="0"
							style=""
							class="basic label-container"
						/><g transform="translate(-62.55859375, -12)" style="" class="label"
							><rect /><foreignObject height="24" width="125.1171875"
								><div
									style="display: inline-block; white-space: nowrap;"
									xmlns="http://www.w3.org/1999/xhtml"
								>
									<span class="nodeLabel">graphqlTagReturn</span>
								</div></foreignObject
							></g
						></g
					></a
				><a transform="translate(679.08984375, 514.5)" xlink:href="#clientplugins"
					><g
						title="clientPlugins hook"
						id="flowchart-clientPlugins-139"
						class="node default clickable flowchart-label"
						><rect
							height="39"
							width="106.2109375"
							y="-19.5"
							x="-53.10546875"
							ry="0"
							rx="0"
							style=""
							class="basic label-container"
						/><g transform="translate(-45.60546875, -12)" style="" class="label"
							><rect /><foreignObject height="24" width="91.2109375"
								><div
									style="display: inline-block; white-space: nowrap;"
									xmlns="http://www.w3.org/1999/xhtml"
								>
									<span class="nodeLabel">clientPlugins</span>
								</div></foreignObject
							></g
						></g
					></a
				></g
			></g
		></g
	></svg
>
